
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <title>蛋酱天天随心扭</title>
    <link rel="stylesheet" href="../../res/danji/css/cupDanji.css?v=1.0.1">
    <style>
        body{
            background: #f4f4f4;
        }
        .nd-icon {
            background: url("../../res/danji/img/nd_icon_jin.png") 0 50% no-repeat;
            -webkit-background-size: .5rem auto;
            background-size: .5rem auto
        }
        .page {
            background: url("../../res/danji/img/cupdanjibj.png") no-repeat no-repeat;
            -webkit-background-size: 100% 100%;
            background-color: #ffffff;
            background-size: 100% auto;
        }

        .nd-flash {
            background: url("../../res/danji/img2/nd11.png") 50% 50% no-repeat;
            -webkit-background-size: 100% auto;
            background-size: 100% auto;
        }

        .shiniu{
            width: 1.1rem;
            position: absolute;
            right: 10%;
            bottom: 25%;
            overflow: hidden;
            display: none;
        }

        .fullNiu{
            width: 1.7rem;
            position: absolute;
            left: 5%;
            bottom: 18%;
            overflow: hidden;
            /*display: none;*/
        }

        .fullNiu img{
            display: none;
        }

        #tbk{
            width: 1.5rem;
            position: absolute;
            left: 5%;
            bottom: 19%;
            overflow: hidden;
        }

        #tbk img{
            width: 1.5rem;
        }

        .shiniu img{
            width: 1rem;
        }

        .nd-exit {
            background: url("../../res/danji/img2/nd7.png") no-repeat;
            -webkit-background-size: 100% auto;
            background-size: 100% auto
        }

        .nd-model-btn{
            display:inline-block;
            width:3.2rem;
            height:1.1rem;
            background:url("../../res/danji/img/cupDanji/gotoInen.png") no-repeat no-repeat;
            background-size:auto
        }

        .nd-model-btn-share{background:url("../../res/danji/img/nd_btns.png") 0 -1.1rem no-repeat;
            -webkit-background-size:3.2rem auto;
            background-size:3.2rem auto}

        .nd-model-btn-hp{
            margin-top: 20px;
            display:inline-block;
            width:6.4rem;
            height:1.1rem;
            background:url("../../res/danji/img/nd_btns3.png") no-repeat;
            -webkit-background-size:6.4rem auto;
            background-size:6.4rem auto}
        .layui-layer-btn a{
            font-size: 0.15rem!important;
        }
        #snInfo{
            width: 100%;
            margin: 0.2rem auto;
            overflow: hidden;
            display: none;
        }

        #qcInfo{
            width: 100%;
            margin: 0.2rem auto;
            overflow: hidden;
            display: none;
        }

        #snInfo img{
            width: 70%;
        }
        .disable {
            pointer-events: none;
        }
    </style>
    <script>
        var mypoolid=1114;
        var mymarkid="";

        !function (n) {
            var e = n.document,
                t = e.documentElement,
                dpr, scale;
            var isAndroid = n.navigator.appVersion.match(/android/gi),
                isIPhone = n.navigator.appVersion.match(/iphone/gi),
                devicePixelRatio = n.devicePixelRatio;
            if (isIPhone) {
                if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) {
                    dpr = 2
                } else {
                    dpr = 1
                }
            } else {
                dpr = 1
            }
            scale = 1 / dpr;
            var metaEl = e.createElement("meta");
            var scale = dpr === 1 ? 1 : 0.5;
            metaEl.setAttribute("name", "viewport");
            metaEl.setAttribute("content", "initial-scale=" + scale + ", maximum-scale=" + scale + ", minimum-scale=" + scale + ", user-scalable=no");
            if (t.firstElementChild) {
                t.firstElementChild.appendChild(metaEl)
            } else {
                var wrap = e.createElement("div");
                wrap.appendChild(metaEl);
                e.write(wrap.innerHTML)
            }
            var i = 1440,
                d = i / 200,
                rem, o = "orientationchange" in n ? "orientationchange" : "resize",
                a = function () {
                    var n = t.clientWidth || 320;
                    n > i && (n = i),
                        t.style.fontSize = (rem = n / d) + "px"
                };
            n.px2rem = function (px) {
                var v = parseFloat(px);
                return v / rem
            };
            n.rem2px = function (r) {
                var v = parseFloat(r);
                return rem * v
            };
            e.addEventListener && (n.addEventListener(o, a, !1), e.addEventListener("DOMContentLoaded", a, !1))
        }(window);
    </script>
</head>
<body>
<div class="page">
    <img class="goBlack" src="../../res/img/common/bick.png" alt="">
    <div class="page-flash"></div>
    <div class="nd-wrapper">
<!--        <div class="rule"><img src="../../res/danji/img/cupDanji/rule.png" alt=""></div>-->
        <div class="cupNum">
            <div id="usercoupon" class="left">
                <img src="../../res/danji/img/cupDanji/sysl.png" alt="">
                <span>0</span>
            </div>
            <div id="getCup" class="right"><img src="../../res/danji/img/cupDanji/rhhq.png" alt=""></div>
        </div>
        <div class="nd">
            <img src="../../res/danji/img2/nd2.png" alt="" class="nd-machine">
            <a id="danjiDetail" class="nd-detail">
                <div class="nd-poster">
                    <div id="cuxiaotext" class="nd-poster-label"></div>
                    <img id="picbanner" src="" alt="" class="nd-poster-img">
<!--                    <img src="../../res/danji/img/nd_hand.png" alt="" class="nd-poster-handle">-->
                </div>
            </a>
            <div class="nd-switch-wrapper">
                <div class="nd-flash-wrapper">
                    <div class="nd-flash"></div>
                </div>
                <div class="nd-switch">
                    <div class="nd-switch-indicate">
                        <img class="nd-switch-indicate-img" src="../../res/danji/img2/nd3.png" alt="">
                    </div>
                </div>
            </div>
            <div class="fullNiu">
                <img id="nofullNiuBtn" src="../../res/img/common/bdcbH.png" alt="">
                <img id="fullNiuBtn" src="../../res/img/common/bdcb.png" alt="">

            </div>
            <div id="tbk" class="tbk">
                <img src="../../res/img/tbk.png" alt="">
            </div>
            <div class="nd-exit">
                <div class="nd-award-wrapper">
                    <div class="nd-award"></div>
                </div>
            </div>
        </div>
        <!--      抽奖按钮-->
        <div class="btnWrap">
            <img class="btnWrapBj" src="../../res/img/bj.png" alt="">
            <div id="tenBtn" class="tenBtn">
                <img src="../../res/img/nine.png" alt="">
            </div>
            <div id="oneBtn" class="oneBtn">
                <img src="../../res/img/one.png" alt="">
            </div>
        </div>
    </div>

    <div class="nd-combo">
        <div class="nd-combo-text"><span>1</span></div>
        <img src="../../res/danji/img/logoface0.png" alt="">
        <img src="../../res/danji/img/logoface1.png" alt="">
        <img src="../../res/danji/img/logoface2.png" alt="">
        <img src="../../res/danji/img/logoface3.png" alt="">
    </div>
</div>

<div class="prizeList">
    <div class="top">
        <div class="left"><img src="../../res/danji/img/cupDanji/spqx.png" alt=""></div>
        <div class="right"><img src="../../res/danji/img/cupDanji/cqjl.png" alt=""></div>
    </div>
    <ul id="prizeUl" class="prizeUl"></ul>
    <ul id="extractRecord" class="extractRecord"></ul>
</div>

<div class="activityInfo">
    <div class="titleName">活动介绍</div>
    <div class="infoContent">1、消耗一张普通扭蛋券可以抽取一次“非洲小舢板”蛋机，抽取后用户将随机获得一件商品，商品内容如蛋机详情所示，包括各种金币红包、包邮券、续期券等虚拟道具以及部分实物商品。<br>
        2、“非洲小舢板”蛋机获取的实物商品具有存放期限，到期将视为放弃商品，请注意及时提货。“非洲小舢板”蛋机获取的实物商品不参与包邮相关活动。<br>
        3、“非洲小舢板”蛋机获取的虚拟道具可在“我的”页面——道具中心版块查看，道具券均有效使用期限，请注意及时使用，过期后道具将自动作废。<br>
        4、普通扭蛋券可通过每日签到任务获得，后续将后提供更多获取途径。</div>
</div>
<div class="mc"></div>

<div class="mask">
<!--    <div class="mask-bg"></div>-->
    <div class="mask-content">
        <!--        <img class="mask-result-pic" src="../../res/danji/img/nd_luckly_title.png" alt="">-->

        <div id="ndModelWrap" class="ndModelWrap">
            <div class="onend-modal nd-modal">
                <div class="nd-modal-pic">
                    <img class="sixBorder" src="../../res/img/666Border.png" alt="">
                    <img src="../../res/img/eggTV/1.png" class="nd-modal-picimg" alt="">
                </div>
                <div class="nd-model-text">
                    是hi滴啊为iodo是hi滴啊为iodo是hi滴啊为iodo是hi滴啊为iodo
                </div>
            </div>
        </div>
        <div class="nd-model-btns">
<!--            <div class="gotoIndex">-->
<!--                <img src="../../res/danji/img/cupDanji/gotoInen.png" alt="">-->
<!--            </div>-->
            <div class="jixund js-retry">
                <img src="../../res/danji/img/cupDanji/jxnd.png" alt="">
            </div>
        </div>
    </div>
</div>



<!--确定弹窗-->
<!--<div id="conAlert" class="conAlert">-->
<!--    <div class="indexBack"></div>-->
<!--    <section class="butAlert">-->
<!--        <div class="yue">-->
<!--            <div class="yueName">账户余额</div>-->
<!--            <div class="yueright">-->
<!--                <img src="../../res/img/common/goldCoin.png" alt="">-->
<!--                <span id="moneyAlert"></span>-->
<!--            </div>-->
<!--        </div>-->
<!--        <img id="closebutAlert" src="../../res/img/common/close1.png" alt="">-->
<!--        <div class="shDetail">-->
<!--            <div class="left">-->
<!--                <img id="picbannerAlert" src="" alt="">-->
<!--            </div>-->
<!--            <div class="right">-->
<!--                <div id="danjiNameAlert" class="name"></div>-->
<!--                <div id="buyNumber" class="buyNumber">扭一次</div>-->
<!--                <div id="buyPrice" class="buyPrice">-->
<!--                    &lt;!&ndash;                    <img src="../../res/img/common/goldCoin.png" alt="">&ndash;&gt;-->
<!--                    &lt;!&ndash;                    <span>168</span>&ndash;&gt;-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="alertInfo">另需邮费,满6件商品包邮</div>-->
<!--        <div class="alertConsent">-->
<!--            &lt;!&ndash; <image bindtap="isAgress" src="{{isAgree?'/images/common/ty.png':'/images/common/noty.png'}}"></image> &ndash;&gt;-->
<!--            <div> 购买成功后商品将存放于我的蛋池内，存放有时间限制，若到期未进行提货或者主动进行回购操作，商品将根据详情页显示金额以特定折扣回购为HP/金币返还至app钱包。</div>-->
<!--            <div>蛋酱发货的商品由于工艺问题，若出现窜色、脱漆，缺件等“中奖”情况，蛋酱不进行处理，且受包装工艺限制，商品在运输中出现外盒的轻微压损情况，蛋酱不进行处理。</div>-->
<!--            为避免不必要的损失，购买前请仔细阅读-->
<!--            <a style="color: #ff0000" href="dancool://web=https://api.odancool.com/weixinapp/view/agreement/userAreement.html?type=0" class="gmxz"> 《用户协议》。</a>-->
<!--        </div>-->
<!--        <div id="affirmBuy" class="affirmBuy">确认支付</div>-->
<!--    </section>-->
<!--</div>-->

<!--确定回购弹窗-->
<!--<div id="conhgAlert" class="conAlert">-->
<!--    <div class="indexBack"></div>-->
<!--    <section class="alertIndex">-->
<!--        <div class="topName"></div>-->
<!--        <div id="tghopInfo" class="topInfo"></div>-->
<!--        <div class="checktype">-->
<!--            <p>-->
<!--                <input type="hidden" value="0">-->
<!--                <span>回购成金币</span>-->
<!--                <img src="../../res/img/gx.png" alt="">-->
<!--            </p>-->
<!--            <p class="active">-->
<!--                <input type="hidden" value="1">-->
<!--                <span>回购成HP</span>-->
<!--                <img src="../../res/img/gx.png" alt="">-->
<!--            </p>-->
<!--        </div>-->
<!--        <div class="leftRight">-->
<!--            <div id="ghcancel" class="left">取消</div>-->
<!--            <div id="ghconBtn" class="right">确定</div>-->
<!--        </div>-->
<!--    </section>-->
<!--</div>-->
<!--去充值-->
<!--<div id="gorAlert" class="conAlert">-->
<!--    <div class="indexBack"></div>-->
<!--    <section class="alertIndex">-->
<!--        <div class="topName">提示</div>-->
<!--        <div id="gorhopInfo" class="topInfo"></div>-->
<!--        <div class="leftRight">-->
<!--            <div id="goRechargecancel" class="left">取消</div>-->
<!--            <div id="goRecharge" class="right">去充值</div>-->
<!--        </div>-->
<!--    </section>-->
<!--</div>-->

<!--提示弹窗-->
<div id="conAlert2" class="alertWrap">
    <div class="indexBack"></div>
    <section class="alertWrapIndex">
        <div class="topName">如何获取</div>
        <div id="topInfo" class="topInfo">
            1、新用户注册将免费获得一张普通扭蛋券。<br>
            2、通过每日签到任务，完成每日签到即可获得一张普通扭蛋券。<br>
            3、官方不定期活动将免费赠送普通扭蛋券。<br>
        </div>
        <div class="leftRight">
<!--            <div id="cancel">取消</div>-->
            <div style="width: 90%" id="conBtn2">确定</div>
        </div>
    </section>
</div>


<!--弹出层-->
<div class="layuiAlert"></div>
<!--音乐加载-->
<div>
    <audio id="soundStar" src="../../res/danji/vendor/sound_niu6.mp3" preload="auto"></audio>
    <audio id="soundToggle" src="../../res/danji/vendor/sound_over6.mp3" preload="auto"></audio>
</div>
</body>

<script src="../../res/danji/vendor/jquery.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="../../res/danji/vendor/cupdanjiCommon.js?v=1.0.1"></script>
<script src='../../res/js/layer/layer.js'></script>
<script src="../../res/js/common/h5Common.js"></script>
<script src="../../res/js/vconsole.min.js"></script>
<script src="../../res/danji/vendor/cupdanji.js?v=1.0.6"></script>
<script>
    // let cConsole = new VConsole();
    console.log('hello word')
</script>
<script>
    $('#cancel').click(function () {
        $('#conAlert2').hide()
    });
    $(function(){

        //处理宽高问题
        var $ndMachine = $('.nd-machine');
        var img = new Image();
        img.onload = function () {
            var radio = img.width / img.height;
            var padding = 10;
            var w = window.innerWidth - padding;
            var h = w / radio;
            if (h > window.innerHeight - padding) {
                h = window.innerHeight - padding;
                w = radio * h;
            }

            $nowscwidth=$(window).width();
            $nowscheight=$(window).height();

            $bilili=$nowscheight/$nowscwidth;

            // if($bilili < 1.45) { //ipad
            //     $ndMachine.parent().css({
            //         'width': '80%',
            //         'bottom': '0%',
            //         'visibility': 'visible'
            //     });
            // }else if($bilili < 1.68) { //有底边栏
            //     $ndMachine.parent().css({
            //         'width':'87%',
            //         'bottom': '0%',
            //         'visibility': 'visible'
            //     });
            // }else{ //无底边栏
            //     $ndMachine.parent().css({
            //         'width': '90%',
            //         'top': '1.7rem',
            //         'visibility': 'visible'
            //     });
            // }

        };
        img.src = $ndMachine.attr('src');
    })

</script>
</html>
